<template>
  <div>
    <div class="big">
      <div class="inner">
        <img src="../../assets/notFound.png">
        <p>{{ generateTitle('error.message1') }}</p>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'Error'
}
</script>

<script setup>
import { generateTitle } from '@/utils/i18n'
</script>

<style lang="scss">
.big {
  width: 100%;
  height: calc(100vh - 220px);
  background-color: rgb(244,244,244);
  position: relative;
}
.inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.inner p {
  text-align: center;
  font-size: 24px;
}
.inner .leftPic {
  width: 60px;
  height: 60px;
  margin-left: 44%;
  margin-top: 20px;
}
</style>
